<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:pt="http://xmlns.jcp.org/jsf/passthrough"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <h:head>
        <title>iNET- Tiện ích văn phòng</title>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="shortcut icon" href="/TienIchVanPhong/resources/images/logo.png" />
        <h:outputStylesheet library="css" name="menu.css"/>
        <h:outputStylesheet library="css" name="style.css"/>
        <h:outputStylesheet library="css" name="BeatPicker.min.css"/>
        <h:outputScript library="js" name="jquery-1.11.0.min.js"/>
        <h:outputScript library="js" name="BeatPicker.min.js"/>

    </h:head>
    <h:body>
        <h:form>

            <!--Start header-->
            <ui:include src="/resources/template/header.xhtml"/>
            <!--end header-->

            <div class="main">
                <!-- Menu left-->

                <ui:include src="/resources/template/left.xhtml"/>

                <!--end menu left-->

                <!--nội dung-->
                <div class="right">
                    <p class="tieude">Danh sách chấm công phòng: <h:outputText value="#{userController.dep.dep_name}"/></p>
                    <p class="tieude"><h:outputText value="#{notesController.ccDate()}"/></p>   
                    <table class="zebra">
                        <tr>
                            <td colspan="6"><strong>Chú thích:</strong></td>
                        </tr>
                        <tr>
                            <td><strong>0</strong> Nghỉ cả ngày có phép.</td>
                            <td><strong>-0.5</strong> Nghỉ nửa ngày không phép.</td>
                            <td><strong>-1</strong> Nghỉ cả ngày không phép.</td>
                            <td><strong>1</strong> Đi làm đúng giờ.</td>
                            <td><strong>0.5</strong> Đi làm nửa ngày.</td>
                            <td><strong>1*</strong> Đi muộn có phép.</td>
                            <td><strong>x</strong> Nghỉ thứ 7, Chủ nhật.</td>
                        </tr>
                    </table>
                    <br/>

                    <br/>
                    <br/>

                    <table  align="center">
                        <tr>
                            <td>
                                <h:dataTable class="bordered" value="#{timeKeepController.listTK}" var="o">
                                    <h:column >
                                        <f:facet name="header">ID</f:facet>
                                        <h:outputText value="#{o.emp.emp_code}"></h:outputText>
                                        
                                        <h:outputText value="#{o.cong}"></h:outputText>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header" >Họ và tên</f:facet>
                                        <h:outputText value="#{o.emp.first_name} "></h:outputText>
                                        <h:outputText value="#{o.emp.last_name} "></h:outputText>
                                        <h:outputText value="#{o.tk_id}"></h:outputText>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">Chấm công</f:facet>
                                        <h:selectOneMenu value="#{timeKeepController.tk.cong}">
                                            <f:selectItem itemValue="4" itemLabel="1 Đi làm đúng giờ." />
                                            <f:selectItem itemValue="1" itemLabel="0 Nghỉ cả ngày có phép.." /> 
                                            <f:selectItem itemValue="2" itemLabel="-0.5 Nghỉ nửa ngày không phép." /> 
                                            <f:selectItem itemValue="3" itemLabel="-1 Nghỉ cả ngày không phép." /> 
                                            <f:selectItem itemValue="5" itemLabel="0.5 Đi làm nửa ngày." /> 
                                            <f:selectItem itemValue="6" itemLabel="1* Đi muộn có phép." />
                                            <f:selectItem itemValue="7" itemLabel="x Nghỉ thứ 7, Chủ nhật." />  
                                        </h:selectOneMenu>
                                    </h:column>
                                    <h:column>
                                    <h:commandButton value="Lưu" styleClass="btnSubmid" action="#{timeKeepController.chamCong(o.tk_id,o.cong)}"/><h:commandButton value="Làm lại" styleClass="btnSubmid" type="reset"/>
                                    </h:column>
                                </h:dataTable>
                            </td>
                        </tr>
                    </table>


                </div>

                <!-- end dội dung-->
            </div>
            <!--Footer-->
            <ui:include src="/resources/template/footer.xhtml"/>
            <!--end footer-->

        </h:form>
    </h:body>
</html>

